<div class="ui main text container">
  <div class="ui middle aligned center aligned grid">
    <div class="column">
      <h2 class="ui teal image header">
        <div class="content">{{'account.reset-desc'|translate}}</div>
      </h2>
      <form class="ui large form">
        <div class="ui stacked segment">
          <div class="field">
            <div class="ui left icon input">
              <i class="user icon"></i>
              <input type="text" name="username" placeholder="{{'account.username'|translate}}"
                     [(ngModel)]="auth.username">
            </div>
          </div>
          <div class="field">
            <div class="ui left icon input">
              <i class="mail icon"></i>
              <input type="text" name="email" placeholder="{{'account.email'|translate}}"
                     [(ngModel)]="auth.email">
            </div>
          </div>
          <div class="ui fluid large teal submit button" (click)="reset()">{{'account.reset'|translate}}</div>
        </div>
        <div class="ui error message"></div>
      </form>
      <div class="ui message">
        {{'account.login-desc'|translate}}? <a routerLink="/account/login">{{'account.login'|translate}}</a>
      </div>
      <div class="ui message">
        {{'account.reg-desc'|translate}}? <a routerLink="/account/reg">{{'account.reg'|translate}}</a>
      </div>
    </div>
  </div>
</div>
